<!DOCTYPE html>
<html>
<head>
	<title>LL's DreamLand</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="HandheldFriendly" content="true">
</head>
	<link rel="stylesheet" href="src/css/main.css">
	<link rel="stylesheet" href="src/css/ghost-button.css">
<body>

<div class="loader">
	<div class="loader-content">
		<span class="loading">Loading<span class="remark"><br/></span></span>
	</div>
</div>

<div class="menu-content">
	<p>Menu</p>
	<ul>
		<li id="home">Home</li>
		<li id="works">My Works</li>
		<li id="about">About Me</li>
	</ul>

	<div class="button-area">
		<span class="ghost-button"  id="contact">
			<li class="ghost-button-top-border ghost-button-border"></li>
			<li class="ghost-button-right-border ghost-button-border"></li>
			<li class="ghost-button-bottom-border ghost-button-border"></li>
			<li class="ghost-button-left-border ghost-button-border"></li>
			<span>Contact Me</span>
		</span>
	</div>

</div>

<header>
	<div class="menu">
		<img id="menu" src="src/img/menu-white.png" />
		<img id="menu-close" src="src/img/close.png" />
	</div>

	<span class="ghost-button" id="start">
		<li class="ghost-button-top-border ghost-button-border"></li>
		<li class="ghost-button-right-border ghost-button-border"></li>
		<li class="ghost-button-bottom-border ghost-button-border"></li>
		<li class="ghost-button-left-border ghost-button-border"></li>
		<span>Let's Start</span>
	</span>
</header>


<div class="contact">
	<div class="mask"></div>
	<div class="modal">
		我的QQ: 1020498867<br/><br/>
		QQ邮箱也可以的哟
	</div>
</div>

<div class="container">

	<div class="page1 page">
		<div class="timer">
			<h1>DreamLand</h1>
			<span id="hours"></span>:<span id="minutes"></span>:<span id="seconds"></span>
		</div>
	</div>

	<div class="page2 page">
		
		<div class="work-content">
			<h4><a target="_blank" href="src/works/Ncqihang/index.php">基于Html5的3D动态数据展示软件</a></h4>
			<p>完成时间：在校期间制作，大二。</p>
			<p>第一次接触前端，做的比较粗糙，获得第四届中国软件杯大学生软件设计大赛二等奖</p>
		</div>

		<div class="work-content">
			<h4><a target="_blank" href="src/works/yiyejinling/index.php">一叶金陵天气网</a></h4>
			<p>完成时间：在校期间制作，毕业设计，大三</p>
			<p>主页面很粗糙，算是自己做的第二个完整的网站。毕设编码阶段实际只给了一周左右时间，时间比较紧</p>
		</div>
		
		<div class="work-content">
			<h4><a target="_blank" href="src/works/clock.html">Canvas时钟</a></h4>
			<p>完成时间：2016-11</p>
			<p>参考网上教程自己做的一个canvas的时钟</p>
		</div>

		<div class="work-content">
			<h4><a target="_blank" href="src/works/blog/blog.html">个人博客页面</a></h4>
			<p>完成时间：2016-11</p>
			<p>参考网上教程做的一个个人博客页面</p>
		</div>

		<div class="work-content">
			<h4><a target="_blank" href="src/works/singlepage/index.html">响应式单页网站</a></h4>
			<p>完成时间：2016-12</p>
			<p>有些小问题，业余自己学了一些响应式的开发，做来练个手，里面用到了幽灵按钮，带预览图的幻灯片效果</p>
		</div>

		<div class="work-content">
			<h4><a target="_blank" href='src/works/powerkeeper/index.html'>仿电无忧主页</a></h4>
			<p>完成时间：2017-2</p>
			<p>基于bootstrap，模仿一个客户的网站做的主页，参考地址：<a target="_blank" href="http://www.powerkeeper.cn/">http://www.powerkeeper.cn/</a></p>
		</div>

	</div>

	<div class="page3 page">
		<div>
			<h2>关于我</h2>
			<p>
				时光流逝，岁月如梭。<br/>
				想起当初那个第一次接触前端的我。<br/>
				在被选中代表学校带队参加中国软件杯的时候，第一次遇见了前端。<br/>
				<br/><br/>
				我一直想要找个前端的实习，但是因为一些事情耽误了，找的时间太迟（大概已经八九月份了），没有能够找到理想的工作，只好去了一家做游戏美术的公司，中间有差不多一年的时间几乎一句代码都没写。越到后来，这种感觉越发强烈，这不是我想要的工作。于是我又开始重拾前端，用一个月的业余时间做练习。后来终于通过面试，正式走上了前端的道路。
				<br/><br/>
				做前端差不多有半年了，这半年间公司的事情实在太少（接到的项目很小，分配出来的事情非常少），大部分收获实际上都是通过自学得到的。
				<br/><br/>
				现在我希望能够找到一家能够锻炼自己的公司，能够让我多参与一些项目。虽然我现在只是个菜鸟，但我相信我的潜力很大。希望能够遇见赏识我的伯乐，我也会用我的实际行动来报答您的知遇之恩。
				<br/></br/>
				谢谢！
				<br/><br/>
				<a href="src/works/LuoLei.docx">我的简历</a>
			</p>
		</div>
	</div>

	

</div>

<script src="src/js/main.js"></script>

<script src="src/js/load.js"></script>
</body>
</html>